@detail-table-border: 1px solid #E9E9E9;
@detail-table-font-size: 12px;
.detail-table__label(@label-length) {
  @width: @label-length * @detail-table-font-size;
  .detail-table__label--@{label-length} {
    display: inline-block;
    vertical-align: top;
    width: @width
  }
  .detail-table__content--@{label-length} {
    display: inline-block;
    word-break: break-all;
    width: calc(~"100% - @{width}")
  }
}

.detail-table {
  margin: 0 auto;
  border-top: @detail-table-border;
  border-left: @detail-table-border;
  font-size: @detail-table-font-size;
  .ivu-row {
    overflow: hidden;
    border-bottom: @detail-table-border;
    &.no-bottom-border {
      border-bottom: 1px solid transparent
    }
  }
  .detail-table__col {
    border-right: @detail-table-border;
    padding: 15px 48px 515px 48px;
    margin-bottom: -500px;
    &.no-right-border {
      border-right: 1px solid transparent;
    }
    .detail-table__label(2);
    .detail-table__label(3);
    .detail-table__label(4);
    .detail-table__label(5);
    .detail-table__label(6);
    .detail-table__label(7);
    .detail-table__label(8);
    .detail-table__label(9);
    .detail-table__label(10)
  }
  .detail-table__title {
    background: #F8F8F9;
    color: #464C5B;
    font-weight: 500
  }
}
